<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<title>猎舞网</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
		<link rel="stylesheet" href="__PUBLIC__static/lib/weui.min.css">
		<link rel="stylesheet" href="__PUBLIC__static/css/jquery-weui.css">
		<link rel="stylesheet" href="__PUBLIC__static/css/style.css">
		<style type="text/css">
			.lunboimg {
				height: 250px;
				float: left;
			}
			
			.wy-header-title {
				position: relative;
				width: 100%;
				height: 56px;
				background-color: black;
				margin-left: -2px;
			}
			
			.backw {
				position: absolute;
				width: 30px;
				top: 25%;
				left: 9px;
			}
			
			.wy-header-title span {
				font-family: FZLTZHK;
				font-size: 22px;
				color: #FFFFFF;
				line-height: 56px;
			}
			
			#jigouinfo {
				width: 100%;
				position: relative;
				height: 140px;
				background-color: white;
				margin-top: 15px;
			}
			
			#jichuinfo {
				position: relative;
				width: 100%;
				height: 80px;
				background-color: white;
				margin-top: 15px;
			}
			
			#aboutjob {
				position: relative;
				width: 100%;
				height: 140px;
				background-color: white;
				margin-top: 15px;
			}
			
			.weui-btn {
				position: relative;
				width: 90%;
				margin-left: 5%;
				margin-top: 50px;
				margin-bottom: 100px;
				letter-spacing: 2px;
			}
		</style>
	</head>

	<body ontouchstart style="background-color: rgb(240,240,240);">
		<!--主体-->
		<div class="weui-content">
			<!--产品详情-->
			<div class="weui-tab">
				<header class='weui-header'>
					<!--<div class="wy-header-icon-back"><span></span></div>-->
					<div class="wy-header-title">
						<img class="backw" src="__PUBLIC__static/images/backwhite.png" alt="" />
						<span>职位详情</span>
					</div>
				</header>
				<div class="weui-tab__bd proinfo-tab-con">
					<div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
						<!--主图轮播-->
						<div class="swiper-container swiper-zhutu" style="height: 250px">
							<div class="swiper-wrapper">

								{foreach $imgs as $src}
								<div class="swiper-slide"><img class="lunboimg" src="{$src}" /></div>
								{/foreach}
							</div>
							<div class="swiper-pagination swiper-zhutu-pagination"></div>
						</div>
						<!--机构信息-->
					</div>
				</div>
			</div>
		</div>
		<div id="jigouinfo" >
			<input id="zhaop_id" type="text" value="{$res.id}" style="display: none"/>
			<label style="position: absolute;top:8%;left: 10px;font-size: 20px;font-weight:bold;">
    <img style="width:4px;margin-top: -8px;" src="__PUBLIC__static/images/fuzhu-tuxing.png"/>
    {$res.units}
    </label>
			<label style="position: absolute;top:45%;left:10px;color: #666666;">地址：{$res.jobaddress}</label>
			<label style="position: absolute;top:70%;left: 10px;color: #666666;">联系电话：{$jigou.tel}</label>
		</div>
		<div id="hiringinfo">
			<div id="jichuinfo">
				<label style="position: absolute;top:5%;left: 10px;font-size: 20px;font-weight: bold;">
         	<img style="width:4px;margin-top: -5px;" src="__PUBLIC__static/images/fuzhu-tuxing.png"/>
         	{$res.jobname}
         </label>
				<label style="position: absolute;top:55%;left: 10px">招{$res.renshu}人</label>
				<label style="position: absolute;top:5%;left: 68%">{$res.jobsalary}</label>
				<label style="position: absolute;top:55%;left: 70%">{$res.jobtype}</label>
			</div>
			<div id="aboutjob">
				<label style="position: absolute;top:5%;left: 10px;font-size: 20px;font-weight: bold;">
     		<img style="width:4px;margin-top: -4px;" src="__PUBLIC__static/images/fuzhu-tuxing.png"/>
     		职位描述
     	</label>
				<label style="position: absolute;top:50px;left: 10px;font-size:17px;color: #666666;">{$res.aboutjob}</label>
			</div>
			<a id="send" href="javascript:;" class="weui-btn weui-btn_primary">投递简历</a>
		</div>

		<script src="__PUBLIC__static/lib/jquery-2.1.4.js"></script>
		<script src="__PUBLIC__static/lib/fastclick.js"></script>
		<script src="__PUBLIC__static/js/jquery-weui.js"></script>
		<script src="__PUBLIC__static/js/swiper.js"></script>
		<script type="text/javascript">
			$(".swiper-zhutu").swiper({
				loop: true,
				paginationType: 'fraction',
				autoplay: 5000
			});
			$(".backw").on("click", function() {
				window.history.back(-1);
			});
			$("#send").on("click", function() {
				$.ajax({
					type: 'POST',
					url: "send",
					data: {
						zhaop_id: $("#zhaop_id").val()
					},
					dateType: "json",
					success: function(xhr) {
						switch(xhr.status) {
							case 1:
								alert(xhr.message);
								break;
							case 0:
								alert(xhr.message);
								break;
							case -1:
								alert(xhr.message);
								break;
						}
					}
				})
			});
		</script>
	</body>

</html>